<template>
  <div id="GoodItem">
    <a :href="goodsItem.link">
      <img :src="goodsItem.show.img" alt="" />
    </a>
    <div>
      <p>{{ goodsItem.title }}</p>
      <span class="price">{{ goodsItem.price }}</span>
      <span class="cfav">收藏:{{ goodsItem.cfav }}</span>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
  props: {
    goodsItem: {
      type: Object,
      default() {
        return {};
      }
    }
  },
  data() {
    return {};
  },
  methods: {}
};
</script>
<style scoped>
#GoodItem {
  width: 50%;
  padding: 10px 5px;
  display: inline-block;
  vertical-align: top;
}
img {
  width: 100%;
  height: 86%;
  border-radius: 5px;
}
p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
}
#GoodItem div {
  text-align: center;
  padding: 3px;
}
div span {
  padding: 5px;
  font-size: 13px;
}
.cfav {
  color: orange !important;
}
.price {
  color: red !important;
}
</style>
